<?php
	require_once("conexion/conexion.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />
<link href="Estilos/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

<script src="include_js/jquery.js" type="text/javascript"></script>
<script src="include_js/jquery.autocomplete.js" type="text/javascript"></script>
<style>
.texto
{
	font-weight:bold;
	font-size:14px;
}
.borde
{
	border:0px solid #6593C0;
}
.asterisco
{
	color:#0000FF;
	font-weight:bold;
	font-size:12px;
}
</style>
</head>
<script>
var cont1=1;cant=0;
function Llenar(json)
{
	$("#txtAE").focus().autocomplete(json);
}
$(document).ready(function() 
{
	$.ajax({
			type: 'post',
			dataType: 'json',
			url: "CompletaAE.php",
			data: {valor: '1'},
			success: function(json){
				Llenar(json);
			}
		});
	
});

function Foco()
{
	document.getElementById('txtAE').focus();
}

function BorraDatos(dato)
{
	var cadena = dato.substring(8,9);
    if(cadena=='1')
	{
		document.getElementById("txtAE").value= "";
		document.getElementById("txtCodArea").value= "";
		document.getElementById("txtUbicacion").value= "";
		document.getElementById('cmb_Region').value = 0;
		document.getElementById('cmb_Titular').value = 0;
		document.getElementById('cmb_DelA').value = 0;
		document.getElementById('cmb_Recurso').value = 0;
		document.getElementById('capa').style.display = 'none';
		/*Foco();
		 $.ajax({
            type: 'POST',
            url: 'Tabla_AExtraccion.php',
            data: $('#form_TAnalisis').serialize(),
            success: function(data) {
                $('#tabla2').html(data);
				
            }
        })*/
		document.form_TAnalisis.submit();
	}
	else
	{
		Foco();
	}
}

function validar(e)
{ 
    tecla = (document.all) ? e.keyCode : e.which; 
    if (tecla==8) return true; //Tecla de retroceso (para poder borrar) 
    patron = /[\-\d]/;
    te = String.fromCharCode(tecla); 
    return patron.test(te);  
} 

function EliminarFila(fila)
{
	var Tr = fila;
	while(Tr.nodeName.toLowerCase()!='tr')
	{
		Tr=Tr.parentNode;
	}
	
	var root = Tr.parentNode;
	root.removeChild(Tr);
	cant--;
	document.getElementById('txtCant').value=cant;
	if(cant==0)
	{
		cp = document.getElementById("capa");
		cp.style.display = "none";
		document.getElementById("cmb_Recurso").value = 0;
		cont1=1;
		document.getElementById('txtTotal').value=0;
	}
}

function AgregaFila(json,cod)
{
	cp = document.getElementById("capa");
	cp.style.display = "block";

	nuevaFila = document.getElementById("tabla").insertRow(-1);
	nuevaFila.id=cont1;
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input style='text-align:center;background:#E1E1E1;' id='txtCodRecurso"+cont1+"' type='text' readonly='true' name='txtCodRecurso"+cont1+"' size='3' value='"+cod+"' /></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input style='background:#E1E1E1;' id='txtRecurso"+cont1+"' type='text' readonly='true' name='txtRecurso"+cont1+"' size='25' value='"+json[0]+"' /></td>";
	
	nuevaCelda=nuevaFila.insertCell(-1);
	//nuevaCelda.className="borde";
	nuevaCelda.innerHTML="<td id='"+cont1+"'><input type='button' value='[x]' onclick='EliminarFila(this);'></td>";
	//alert(cont1);
	
	cant++;
	document.getElementById('txtCant').value=cant;
	document.getElementById('txtTotal').value=cont1;
	cont1++;
}

function BuscaRecurso()
{
	recurso = document.getElementById("cmb_Recurso").value;
//	alert(recurso);
	
	if(recurso!=0)
	{
		$.ajax({
				type: 'post',
				dataType: 'json',
				url: "IngresaMantenedores/Busca_Recurso.php",
				data: {valor: recurso},
				success: function(json){
					AgregaFila(json,recurso);
				}
			});
	}
	else
	{
		alert("Seleccione un Recurso!!!");
	}
}

function VerDatos()
{
	 $.ajax({
            type: 'POST',
            url: 'Tabla_AExtraccion.php',
            data: $('#form_TAnalisis').serialize(),
            success: function(data) {
                $('#tabla2').html(data);
				document.getElementById('tabla2').style.display='block';
            }
        });
	
}
function CerrarDatos()
{
	document.getElementById('tabla2').style.display='none';
}
</script>
<body onload="Foco();">
<form name="form_TAnalisis" id="form_TAnalisis" method="post">
<div class='option2'><label style="font:Verdana, Arial, Helvetica, sans-serif; color:#0066CC; font-weight:bold;">Ingreso Area Extracci&oacute;n.</label><div style="float:right;display:inline; position:absolute; right:70px"><label style="color:#0000FF; font-size:12px; font-weight:bold;">Datos Obligatorios(*)</label></div></div>
<div class='groupbox'>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td class="borde"><div class="infopop"><div style="margin-left:80px;">
	  <label class="texto">Nombre A.Extracci&oacute;n:</label>
	  &nbsp;&nbsp;&nbsp;&nbsp;<input name="txtAE" id="txtAE" type="text" size="35" />&nbsp;<label class="asterisco">*</label>
	</div>
	</div></td>
	</tr>
<tr>
  <td class="borde"><div class="infopop"><div style="margin-left:140px;">
	  <label class="texto">C&oacute;digo Area:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="txtCodArea" type="text" size="10" onkeypress="return validar(event)" />&nbsp;<label class="asterisco">*</label>
  </div></div></td>
</tr>
<tr>
  <td class="borde"><div class="infopop"><div style="margin-left:155px;">
  <label class="texto">Ubicaci&oacute;n:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="txtUbicacion" id="txtUbicacion" type="text" size="35" />&nbsp;<label class="asterisco">*</label></div></div></td>
</tr>
	<tr>
		<td class="borde"><div class="infopop"><div style="margin-left:175px;"><label class="texto">Regi&oacute;n:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="cmb_Region" id="cmb_Region">
                <option value="0">--SELECCIONE--</option>
                <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select RegCod,RegNombre from region";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				while ($row = mysql_fetch_row($resultado))
				{
					echo "<option value='".$row[0]."'>".$row[1]."</option>";
				}
                $con->cerrarBD();
		?>
              </select>&nbsp;<label class="asterisco">*</label>
		</div></div></td>
	</tr>
	<tr>
	  <td class="borde"><div class="infopop"><div style="margin-left:97px;"><label class="texto">Responsable Area:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="cmb_Titular" id="cmb_Titular" style="width:420px;">
                <option value="0">--SELECCIONE--</option>
                <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select CliRut,CliRSocial from clientes where cliestado=0 order by CliRSocial";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				while ($row = mysql_fetch_row($resultado))
				{
					echo "<option value='".$row[0]."'>".$row[1]."</option>";
				}
                $con->cerrarBD();
		?>
              </select>&nbsp;<label class="asterisco">*</label>
		</div></div></td>
	  </tr>
	  <tr>
	  <td class="borde"><div class="infopop"><div style="margin-left:105px;"><label class="texto">Delimitaci&oacute;n Area:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="cmb_DelA" id="cmb_DelA">
                <option value="0">--SELECCIONE--</option>
                <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select DArCod,DArNombre from delarea";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				while ($row = mysql_fetch_row($resultado))
				{
					echo "<option value='".$row[0]."'>".$row[1]."</option>";
				}
                $con->cerrarBD();
		?>
              </select>&nbsp;<label class="asterisco">*</label>
		</div></div></td>
	  </tr>
	  <tr>
	  <td class="borde"><div class="infopop"><div style="margin-left:170px;"><label class="texto">Recurso:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select name="cmb_Recurso" id="cmb_Recurso">
                <option value="0">--SELECCIONE--</option>
                <?php
            	$con = new Conexion();
        		$con2 = $con->conexionBD("fpproduccion");
                $sql = "select ReCod,ReNombre from recurso where 1 order by ReNombre";
                $resultado = mysql_query($sql) or die ($con->error_mysql("Error en la consulta".mysql_error()));
				while ($row = mysql_fetch_row($resultado))
				{
					echo "<option value='".$row[0]."'>".$row[1]."</option>";
				}
                $con->cerrarBD();
		?>
              </select>&nbsp;<label class="asterisco">*</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input name="btn_Agrega" type="button" value="Agregar Recurso" onclick="BuscaRecurso();" /><input type="hidden" name="txtTotal" value="0"/><input type="hidden" name="txtCant" value="0" />
		</div></div></td>
	  </tr>
	  
	  <tr>
		<td class="borde"><div class="option2" id="capa" style="display:none;"><div style="margin-left:295px;">
			<table border="0" cellpadding="0" cellspacing="0" id="tabla" class="uno">
				<thead>
					<tr>
						<th>cod.</th>
						<th>recurso</th>
						<th>&nbsp;</th>
					</tr>
				</thead>
			</table></div></div>
		</td>
	</tr>


  <tr>
    <td class="borde"><div class="formtail"><div style="float:left; margin-top:5px;"><a href="javascript:VerDatos();">Ver Datos Ingresados</a></div><div style="margin-right:150px"><input name="btn_Guardar" id="btn_Guardar" type="button" value=" " class="guardar" /></div></div></td>
    </tr>
</table>
</div>
<table width="100%" border="0"$ cellpadding="0" cellspacing="0">
<tr><td><div id='mensaje'></div></td></tr>
</table>
<!-- Tabla contenedora de los resgistros que existen en la BD-->
</form>
<div id="tabla2" style="display:none;"></div>
</body>
<script>
$('#btn_Guardar').click(function() 
{ 
        $.ajax({
            type: 'POST',
            url: 'IngresaMantenedores/IngresaAExtracccion.php',
            data: $('#form_TAnalisis').serialize(),
            success: function(data) {
                $('#mensaje').html(data);
				BorraDatos(data);
            }
        })
});
</script>
</html>